<template>
  <div class="workers">
    <div @click="$router.push('/closed')" class="scan-style"></div>
    <div @click="intoTheAndOutOfThe(2)" class="scan-style-b-t scan-style"></div>
    <div @click="intoTheAndOutOfThe(1)" class="scan-style-b scan-style"></div>
  </div>
</template>

<script>
export default {
  props: {},
  data () {
    return {
    }
  },
  mounted () {
    localStorage.setItem('type', 'selectOut')
    console.log(localStorage.getItem('type'))
  },
  methods: {
    intoTheAndOutOfThe (value) {
      // value  1.出沈 2.入沈
      this.$router.push({ name: 'home',
        query: {
          code: this.$route.query.code,
          value
        } })
    }

  }
}
</script>
<style lang="less" scoped>
.workers{
  height: 100vh;
  display: flex;
  align-items: center;
  flex-direction: column;
  background: url('../../assets/images/bl.png')no-repeat;
  background-size: 100% 100%;
  .scan-style{
    border: 1px solid transparent;
    margin-top: 120px;
    width: 85vw;
    height: 200px;
    color: white;
    border-radius: 20px;
    text-align: center;
    line-height: 200px;
    background: url('../../assets/images/企业备案.png')no-repeat;
    background-size: 100% 100%;
  }
  .scan-style-b{
    margin-top: 60px;
    background: url('../../assets/images/出沈备案.png')no-repeat;
    background-size: 100% 100%;
  }
  .scan-style-b-t{
    margin-top: 60px;
    background: url('../../assets/images/入沈备案.png')no-repeat;
    background-size: 100% 100%;
  }
}
</style>
